.directions { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; background-color: #f9f9f9; }
.directions .wrapper { width: 1450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .directions .wrapper { width: 100%; padding: 0 30px; } }
.directions .wrapper h2 { color: #333333; font-size: 65px; margin: 0 0 60px 0; }
@media screen and (max-width: 1025px) { .directions .wrapper h2 { width: 100%; font-size: 36px; } }
@media screen and (max-width: 900px) { .directions .wrapper h2 { margin: 0 0 30px 0; } }
.directions .wrapper .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 900px) { .directions .wrapper .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.directions .wrapper .content .desc { width: 50%; padding: 0 0 4px 0; }
@media screen and (max-width: 900px) { .directions .wrapper .content .desc { width: 100%; } }
.directions .wrapper .content .desc p { width: 80%; font-size: 16px; color: #333333; margin: 0 0 20px 0; line-height: 22px; }
.directions .wrapper .content .desc p:last-child { margin: 0; }
@media screen and (max-width: 1250px) { .directions .wrapper .content .desc p { width: 90%; } }
@media screen and (max-width: 900px) { .directions .wrapper .content .desc p { width: 100%; } }
.directions .wrapper .content .desc .open_pop-up { background-color: #ffe183; font-size: 24px; padding: 20px 50px; border-radius: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 700; cursor: pointer; margin: 50px 0 0 0; color: #333333; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.directions .wrapper .content .desc .open_pop-up:hover { color: white; background-color: #333333; }
@media screen and (max-width: 550px) { .directions .wrapper .content .desc .open_pop-up { font-size: 16px; padding: 20px 20px; width: 100%; } }
.directions .wrapper .content .icons { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 900px) { .directions .wrapper .content .icons { width: 100%; margin: 70px 0 0 0; } }
.directions .wrapper .content .icons .icon { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 550px) { .directions .wrapper .content .icons .icon { width: 50%; } }
.directions .wrapper .content .icons .icon img { width: 60px; opacity: 0.4; }
.directions .wrapper .content .icons .icon p { font-size: 16px; margin: 10px 0 55px 0; font-weight: 600; color: #333333; text-align: center; padding: 0 10px; }
@media screen and (min-width: 551px) { .directions .wrapper .content .icons .icon1 p { margin: 10px 0 0 0; } }
@media screen and (max-width: 550px) { .directions .wrapper .content .icons .iconM p { margin: 10px 0 55px 0; } }
@media screen and (max-width: 550px) { .directions .wrapper .content .icons .iconMA p { margin: 10px 0 0 0; } }